Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
Select2 is a jQuery-based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
Basic Usage
This feature allows you to transform a standard HTML select element into a Select2 element with basic functionality.
$(document).ready(function() {
$('.js-example-basic-single').select2();
});
Multiple Select
This feature allows you to create a multiple select dropdown where users can select more than one option.
$(document).ready(function() {
$('.js-example-basic-multiple').select2();
});
Loading Remote Data
This feature allows you to load data from a remote source via AJAX, making it useful for large datasets.
$(document).ready(function() {
$('.js-data-example-ajax').select2({
ajax: {
url: 'https://api.example.com/data',
dataType: 'json',
processResults: function (data) {
return {
results: data.items
};
}
}
});
});
Tagging Support
This feature allows users to add new options to the select box by typing them in, useful for tagging systems.
$(document).ready(function() {
$('.js-example-tags').select2({
tags: true
});
});
Chosen is another jQuery plugin that makes long, unwieldy select boxes much more user-friendly. It offers similar features to Select2, such as search and multiple select, but lacks some of the advanced features like remote data loading.
Selectize is a hybrid of a textbox and a select box. It offers a rich set of features including search, remote data loading, and tagging. It is more flexible than Select2 but can be more complex to configure.
React-Select is a flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete, and AJAX support. It is specifically designed for React applications, making it a better choice for React developers compared to Select2.
Select2 is a jQuery-based replacement for select boxes. It supports searching, remote data sets, and pagination of results.
To get started, checkout examples and documentation at https://select2.org/
You can source Select2 directly from a CDN like jsDelivr or cdnjs, download it from this GitHub repo, or use one of the integrations below.
Third party developers have created plugins for platforms which allow Select2 to be integrated more natively and quickly. For many platforms, additional plugins are not required because Select2 acts as a standard <select> box.
Plugins
Themes
Missing an integration? Modify this README and make a pull request back here to Select2 on GitHub.
Select2 supports multiple languages by simply including the right language JS
file (dist/js/i18n/it.js, dist/js/i18n/nl.js, etc.) after
dist/js/select2.js.
Missing a language? Just copy src/js/select2/i18n/en.js, translate it, and
make a pull request back to Select2 here on GitHub.
The documentation for Select2 is available
online at the documentation website and is located within the
docs directory of this repository.
You can find out about the different ways to get in touch with the Select2 community at the Select2 community page.
The license is available within the repository in the LICENSE file.
This project exists thanks to all the people who contribute. [Contribute].
Become a financial contributor and help us sustain our community. [Contribute]
Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]
4.0.13
input event before change events (#4649)selection:update once on DOM change events (#5734)FAQs
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
The npm package select2 receives a total of 496,584 weekly downloads. As such, select2 popularity was classified as popular.
We found that select2 demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Socket's package search now displays weekly downloads for npm packages, helping developers quickly assess popularity and make more informed decisions.
Security News
A Stanford study reveals 9.5% of engineers contribute almost nothing, costing tech $90B annually, with remote work fueling the rise of "ghost engineers."
Research
Security News
Socket’s threat research team has detected six malicious npm packages typosquatting popular libraries to insert SSH backdoors.